<template>
  <div class="page-401">
    <div class="panel-401-word">
      <h1 class="panel-error-h1 panel-text">Oops! - 401</h1>
      <p class="panel-error-copyright p-b-20">
        版权所有：
        <a href="http://www.easipass.com/cn/index.html" class="panel-text-a" target="_blank">上海亿通国际股份有限公司</a>
      </p>
      <p class="panel-text">你可能没有权限</p>
      <p class="panel-error-more">
        或者登录已失效
        <!-- <font color="#2196F3">400-821-2199</font> # 4 {{ $store.getters.getNoPermissionPage }}业务 -->
      </p>
      <!-- <p class="panel-error-more">我也不想这样，但连这个页面都让你看到的话我就失业了</p> -->
      <p class="p-t-10">您可以尝试<a @click="goHome">返回首页</a> 或者重新登陆</p>
    </div>
    <div class="panel-401-pic">
      <img :src="'./img/401.png'" alt="error" />
    </div>
  </div>
</template>

<script>
import settings from '@/settings'
export default {
  methods: {
    goHome() {
      this.$router.push(settings.stickyMenuPath || '/home')
    }
  }
}
</script>

<style scoped lang="less">
.page-401 {
  position: absolute;
  width: 700px;
  height: 200px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  .text-red {
    color: #d81e06;
  }
  span {
    font-size: 16px;
    font-weight: bold;
  }
  .panel-401-word {
    width: 450px;
    h1 {
      color: #052244;
    }
    p {
      color: #666;
      font-size: 14px;
      line-height: 21px;
      margin-bottom: 5px;
      .panel-text-a {
        color: #052244;
        text-decoration: none;
        border-bottom: none;
      }
    }
  }
  .panel-401-pic {
    position: absolute;
    top: 0;
    right: 0;
    img {
      width: 170px;
    }
  }
  p {
    font-size: 14px;
    a {
      color: #2296f3;
      font-size: 14px;
      cursor: pointer;
      border-bottom: 1px solid #2296f3;
      margin-left: 10px;
    }
  }
}
</style>
